.course-layout {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: white;
    border-radius: 24rpx;
    padding: 24rpx 30rpx;
    margin: 30rpx 30rpx;
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}

.course-state {
    font-size: 18rpx;
    color: white;
    padding: 7rpx 9rpx;
    border-radius: 10rpx;
}

.course-name {
    font-size: 30rpx;
    color: #333;
    flex: 1;
    margin-left: 30rpx;
    margin-right: 10rpx;
}

.course-icon {
    width: 40rpx;
    height: 40rpx;
}

/* 题目类型标签样式 */
.topic-type-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8rpx 16rpx;
    border-radius: 20rpx;
    font-size: 24rpx;
    font-weight: 600;
    min-width: 80rpx;
    text-align: center;
    margin-right: 16rpx;
    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
    letter-spacing: 0.5rpx;
}

/* 不同类型题目的颜色主题 */
.topic-type-tag.type-1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.topic-type-tag.type-2 {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.topic-type-tag.type-3 {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
}

.topic-type-tag.type-4 {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    color: white;
}

.topic-type-tag.type-5 {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: white;
}

.topic-type-tag.type-6 {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    color: #333;
}

.topic-type-tag.type-7 {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    color: #333;
}

.topic-type-tag.type-8 {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    color: white;
}

.topic-type-tag.type-10 {
    background: linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%);
    color: #333;
}

.topic-type-tag.type-12 {
    background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);
    color: #333;
}

/* 默认样式 */
.topic-type-tag.type-0 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.count {
    font-size: 24rpx;
    color: #666;
    margin-right: 16rpx;
    font-weight: 500;
    margin-left: auto;
}

.arrow {
    width: 24rpx;
    color: #999;
    font-size: 24rpx;
}
